<template>
  <!-- 可以包裹任意个元素 -->
  <!-- <About/> -->
  <!-- <Text/>
  <Text2/> -->
  <!-- hook -->
  <!-- https://blog.csdn.net/weixin_44733526/article/details/122835774 -->
  <!-- <Table/>
  <br/>
  <Table2/> -->
  <!-- <Father/> -->

  <div>
    <!-- app -->
    <router-view/>
  </div>
</template>


<script>
// import About from './components/About.vue'
import Text from './components/Text.vue'
import Text2 from './components/Text2.vue'
import Table from './components/Table.vue'
import Table2 from './components/Table2.vue'

// 
import Father from './components2/Father.vue'

export default {
  components: {
    // About,
    Text,
    Text2,
    Table,
    Table2,
    Father
  }
}
</script>

<style>
* {
  margin: 0;
  padding: 0;
  list-style: none;
}
</style>
